<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
<!--
function click_GRmenuUtama(obj,sectionName){
var x=document.getElementById("GRitem_" + sectionName).parentNode.className;
if (x.indexOf("GRnoSelect")>-1){
	x=x.replace("GRnoSelect","GRSelect");
	document.getElementById("GRitem_" + sectionName).parentNode.className=x;
	document.getElementById("GRitem_" + sectionName).style.display="block";
}
else{
	x=x.replace("GRSelect","GRnoSelect");
	document.getElementById("GRitem_" + sectionName).parentNode.className=x;
	document.getElementById("GRitem_" + sectionName).style.display="none";
}
}
//-->
</script>

<style type="text/css">
.GRmenu{
	width:305px;
	overflow:hidden;
}

.GRmenuUtama{
	padding-left:12px;
	margin-bottom:2px;
	cursor:pointer;
}

.GRmenuItem{
	width:285px;
	padding-left:12px;
	margin-bottom:3px;
}

.GRGroup{
	width:300px;
	border:1px solid #d4d4d4;
	margin-bottom:4px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#f8f8f8;
}

.GRSelect{
	background-image:url(http://www.w3schools.com/images/minus_arrow.gif);
	background-repeat:no-repeat;
	background-position:1px 5px;
}

.GRnoSelect{
	background-image:url(http://www.w3schools.com/images/plus_arrow.gif);
	background-repeat:no-repeat;
	background-position:1px 5px;
}
</style>

</head>

<body>

<!--
<link rel="stylesheet" type="text/css" href="http://www.w3schools.com/stdtheme.css">
-->

<h2 class="left"><span class="left_h2">CSS</span> Properties</h2>

<div class="GRmenu GRnoSelect">
	<div onclick='click_GRmenuUtama(this,"animation")' class="GRmenuUtama">animation</div>
	<div id="GRitem_animation" class="GRGroup" style="display: none;">
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation.asp">animation</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-name.asp">animation-name</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-duration.asp">animation-duration</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-timing-function.asp">animation-timing-function</a></div>				
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-delay.asp">animation-delay</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-iteration-count.asp">animation-iteration-count</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-direction.asp">animation-direction</a></div>				
		<div class="GRmenuItem"><a target="_top" href="css3_pr_animation-play-state.asp">animation-play-state</a></div>
	</div>
</div>

<div class="GRmenuItem"><a target="_top" href="css3_pr_appearance.asp">appearance</a></div>		
<div class="GRmenuItem"><a target="_top" href="css3_pr_backface-visibility.asp">backface-visibility</a></div>				

<div class="GRmenu GRnoSelect">
	<div onclick='click_GRmenuUtama(this,"background")' class="GRmenuUtama">background</div>
	<div id="GRitem_background" class="GRGroup" style="display: none;">
		<div class="GRmenuItem"><a target="_top" href="css3_pr_background.asp">background</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_background-attachment.asp">background-attachment</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_background-color.asp">background-color</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_background-image.asp">background-image</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_background-position.asp">background-position</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_background-repeat.asp">background-repeat</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_background-clip.asp">background-clip</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_background-origin.asp">background-origin</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_background-size.asp">background-size</a></div>		
	</div>
</div>

<div class="GRmenu GRnoSelect">
	<div onclick='click_GRmenuUtama(this,"border")' class="GRmenuUtama">border</div>
	<div id="GRitem_border" class="GRGroup" style="display: none;">
		<div class="GRmenuItem"><a target="_top" href="pr_border.asp">border</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_border-bottom.asp">border-bottom</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_border-bottom_color.asp">border-bottom-color</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_border-bottom_style.asp">border-bottom-style</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_border-bottom_width.asp">border-bottom-width</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_tab_border-collapse.asp">border-collapse</a></div>
		<div class="GRmenuItem"><a target="_top" href="pr_border-color.asp">border-color</a></div>				
	</div>
</div>

<div class="GRmenuItem"><a target="_top" href="pr_pos_bottom.asp">bottom</a></div>

<div class="GRmenu GRnoSelect">
	<div onclick='click_GRmenuUtama(this,"box")' class="GRmenuUtama">box</div>
	<div id="GRitem_box" class="GRGroup" style="display: none;">
		<div class="GRmenuItem"><a target="_top" href="css3_pr_box-align.asp">box-align</a></div>
		<div class="GRmenuItem"><a target="_top" href="css3_pr_box-direction.asp">box-direction</a></div>		
		<div class="GRmenuItem"><a target="_top" href="css3_pr_box-flex.asp">box-flex</a></div>			
	</div>
</div>

</body>
</html>